<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Bestelakoak</title>
    </h:head>
    <h:body>
        <ui:composition template="./WEB-INF/Templates/hasierakoOrria.xhtml">

            <ui:define name="content">
                
                <h:form>  
                    <p:accordionPanel multiple="true">  
                        <p:tab title="TENIS ZELAIAK" titleStyle="font-size: 16px">  
                            <h:panelGrid columns="2" cellpadding="10">  
                                <p:graphicImage value="irudiak/best3.jpg" />  
                                <h:outputText  
                                    value="Polikiroldegian lau tenis zelai ezberdin aurkitzen dira, bi belarrekoak eta beste bi lurrekoak. Honez gain,
                                padel eta squash zelaiak ere eskaintzen dira. Hauek erabili ahal izateko aurrez alokatu beharko dira interneten
                                bidez edo ofizinan izena emanez."  style="font-size: 14px; text-align: justify"  />  
                            </h:panelGrid>  
                        </p:tab>  
                        
                        <p:tab title="FUTBOL ZELAIAK" titleStyle="font-size: 16px">  
                            <h:panelGrid columns="2" cellpadding="10">  
                                <p:graphicImage value="irudiak/best2.jpg" />  
                                <h:outputText value="Bi futbol zelai ditugu, bat barrukoa eta bestea, kanpoan dagoen belar artifizialekoa." style="font-size: 14px; text-align: justify"  />  
                            </h:panelGrid>  
                        </p:tab>  
                        <p:tab title="FRONTOIA" titleStyle="font-size: 16px">  
                            <h:panelGrid columns="2" cellpadding="10">  
                                <p:graphicImage value="irudiak/best4.jpg" />  
                                <h:outputText value="Frontoia ere badugu, erabilera pertsonalerako alokatu daitekeena edo polikiroldegiak eskaintzen
                                              dituen kurtsoetan izena emanez erabili daitekeena." style="font-size: 14px; text-align: justify" />  
                            </h:panelGrid>  
                        </p:tab>  
                    </p:accordionPanel>  

                </h:form> 
                

            </ui:define>    
        </ui:composition>

    </h:body>
</html>

